<nav class="navbar-default" style="background-color: #c7ddef" role="navigation">
    <div class="" style="height:50px">
        <div class="ct_logo col-md-1">
            <a ui-sref="home"><img src="../../../../assets/images/logo.png"/></a>
        </div>
        <div class="col-md-1 ct_select" style="width: 115px;height:50px;background-color: #c7ddef; position:relative;margin-left: 77px">
            <a class="fenlei" ng-click="clickFenlei()">菜场分类 <b class="caret"></b></a>
            <ul style="width: 115px" id="fen_ul" ng-show="isShow">
                <li ng-repeat="provide in provides" ng-click="clickLi()">
                    <a ui-sref="provideMerchant.detail({id:provide.id})">{{provide.chineseName}}</a>
                </li>
            </ul>
        </div>
        <div class="h_search col-md-4 col-xs-4 col-md-offset-1 row hidden-xs">
            <div class="clearfix" style=" margin-top: 11.5px;">
                <div class="col-md-10 col-sm-10 col-xs-10">
                    <input type="text" ng-model="name"/>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-2">
                    <a ng-click="searchDish(name)"><img id="search" src="../../../../assets/images/search_h.png"/></a>
                </div>
            </div>
        </div>
        <div class="ct_cart col-md-1">
            <img ui-sref="cart" src="../../../../assets/images/cart1.png"/>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse" ng-switch="isAuthenticated()">
            <ul class="nav navbar-nav navbar-right">
                <li ui-sref-active="active">
                    <a ui-sref="home" data-toggle="collapse" data-target=".navbar-collapse.in">
                        <span class="glyphicon glyphicon-home"></span>
                        <span class="hidden-sm">首页</span>
                    </a>
                </li>
                <li ui-sref-active="active" ng-switch-when="true" class="dropdown pointer">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="">
                        <span>
                            <span class="glyphicon glyphicon-th-list"></span>
                            <span class="hidden-sm">
                                我的订单
                            </span>
                            <b class="caret"></b>
                        </span>
                    </a>
                    <ul class="dropdown-menu">
                        <li ui-sref-active="active" ><a ui-sref="order" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>
                        &#xA0;<span>未付款订单</span></a></li>
                        <!--<li ui-sref-active="active" ><a ui-sref="dish" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.dish">Dish</span></a></li>-->
                         <!--<li ui-sref-active="active" ><a ui-sref="groupPurchase" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span>团购</span></a></li>-->
                        <!--<li ui-sref-active="active" ><a ui-sref="vegetableProvide" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.vegetableProvide">Vegetable provide</span></a></li>-->
                        <!--<li ui-sref-active="active" ><a ui-sref="cart" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.cart">Cart</span></a></li>-->
                        <!--<li ui-sref-active="active" ><a ui-sref="cartDetails" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.cartDetails">Cart details</span></a></li>-->
                        <!--<li ui-sref-active="active" ><a ui-sref="provideMerchant" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.provideMerchant">Provide merchant</span></a></li>-->
                        <!--<li ui-sref-active="active" ><a ui-sref="userLevel" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>-->
                        <!--&#xA0;<span translate="global.menu.entities.userLevel">User level</span></a></li>-->
                        <!-- jhipster-needle-add-entity-to-menu - JHipster will add entities to the menu here -->
                    </ul>
                </li>
                <li ng-class="{active: $state.includes('account')}" class="dropdown pointer">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="" id="account-menu">
                        <span>
                            <span class="glyphicon glyphicon-user"></span>
                            <span class="hidden-sm">
                                账户
                                <span style="color: #c7254e"  ng-switch-when="true">({{userLevel.userLevel}})</span>
                            </span>
                            <b class="caret"></b>
                        </span>
                    </a>
                    <ul class="dropdown-menu">
                        <li ui-sref-active="active" ng-switch-when="true"><a ui-sref="settings" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-wrench"></span>
                            &#xA0;<span>设置</span></a></li>
                        <li ui-sref-active="active" ng-switch-when="true"><a ui-sref="password" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-lock"></span>
                            &#xA0;<span>修改密码</span></a></li>
                        <li ui-sref-active="active" ng-switch-when="true"><a ui-sref="deliveryAddress" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-asterisk"></span>
                            &#xA0;<span>收货地址</span></a></li>
                        <li ui-sref-active="active" ng-switch-when="true"><a href="" ng-click="logout()" id="logout" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-log-out"></span>
                            &#xA0;<span>退出</span></a></li>
                        <li ui-sref-active="active" ng-switch-when="false"><a ui-sref="login" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-log-in"></span>
                            &#xA0;<span>登录</span></a></li>
                        <li ui-sref-active="active" ng-switch-when="false"><a ui-sref="register" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-plus-sign"></span>
                            &#xA0;<span>注册</span></a></li>
                    </ul>
                </li>
                <!--<li ng-class="{active: $state.includes('admin')}"  ng-switch-when="true" has-authority="ROLE_ADMIN" class="dropdown pointer">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="" id="admin-menu">-->
                        <!--<span>-->
                            <!--<span class="glyphicon glyphicon-tower"></span>-->
                            <!--<span class="hidden-sm">账户</span>-->
                            <!--<b class="caret"></b>-->
                        <!--</span>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu">-->
                        <!--<li ui-sref-active="active"><a ui-sref="user-management" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-user"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.user-management">User management</span></a></li>-->
                        <!--<li ui-sref-active="active"><a ui-sref="metrics" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-dashboard"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.metrics">Metrics</span></a></li>-->
                        <!--<li ui-sref-active="active"><a ui-sref="health" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-heart"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.health">Health</span></a></li>-->
                        <!--<li ui-sref-active="active"><a ui-sref="configuration" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-list-alt"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.configuration">Configuration</span></a></li>-->
                        <!--<li ui-sref-active="active"><a ui-sref="audits" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-bell"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.audits">Audits</span></a></li>-->
                        <!--<li ui-sref-active="active"><a ui-sref="logs" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-tasks"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.logs">Logs</span></a></li>-->
                        <!--<li ng-hide="inProduction" ui-sref-active="active"><a ui-sref="docs" data-toggle="collapse" data-target=".navbar-collapse.in"><span class="glyphicon glyphicon-book"></span>-->
                            <!--&#xA0;<span translate="global.menu.admin.apidocs">API</span></a></li>-->
                        <!--&lt;!&ndash; jhipster-needle-add-element-to-admin-menu - JHipster will add entities to the admin menu here &ndash;&gt;-->
                    <!--</ul>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
</nav>
